<template>
  <div class="block">
    <div class="flex">
      <div @click="freeEdgeCheck" class="func">
        <img src="../../assets/mesh_check.svg" alt="" class="icon" />
        <span class="func-name">自由边检查</span>
      </div>
      <div class="fill"></div>
      <div @click="meshCheck" class="func">
        <img src="../../assets/mesh_check.svg" alt="" class="icon" />
        <span class="func-name">单元检查</span>
      </div>
      <div class="fill"></div>
      <div @click="elemEdit" class="func">
        <img src="../../assets/mesh_check.svg" alt="" class="icon" />
        <span class="func-name">单元编辑</span>
      </div>
      <div class="fill"></div>
      <div @click="openMeshQualityModal" class="func">
        <img src="../../assets/mesh_check.svg" alt="" class="icon" />
        <span class="func-name">网格质量</span>
      </div>
    </div>
    <div class="title">网格检查</div>
  </div>
</template>
<script lang="ts" setup>
import { useCoreStore } from "@/UI/store";

const coreStore = useCoreStore();

function meshCheck() {
  console.log("单元检查~");
  coreStore.setMeshCheckModalVueActive(true);
}
function elemEdit() {
  console.log("单元编辑");
  coreStore.setElemEditModalVueActive(true);
}
function freeEdgeCheck() {
  console.log("自由边检查~");
  coreStore.setFreeEdgeCheckModalVueActive(true);
}

function openMeshQualityModal() {
  coreStore.setMeshQualityModalVueActive(true);
}
</script>
<style lang="less" scoped>
@import "../../styles/xxxTool.less";
</style>
